@font-face {
    font-family: "EscolarN";
    src: url("../fonts/Proba.ttf");
}

* {
    font-family: EscolarN;
    font-size: 22pt;
}

#data>*>img {
    display: block;
    margin: auto;
}

#data>*>p {
    text-align: center;
    /*font-size: -webkit-xxx-large;*/
    margin: 0px;
	line-height: 80vh;
}

#data>*>img {
	height: 80vh;
	width: 80vh;
}

#data {
    float: left;
    width: 100%;
	height: 80vh;
	display: none;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.logo {
    /*width: 20%;*/
	height: 40px;
    vertical-align: middle;
    margin-left: 2%;
}

#controlsManual,
#controlsAutomatic {
    display: none;
}

#controlsManual>.seguent {
    float: right;
}

div.switch.so {
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 50%;
}

#number {
    text-align: center;
}


#textConfigMajuscules {
	color: black;
	font-size: 22pt;
}

.center{
	text-align: center;
}

.error{
	display: none;
	color: red;
}



/* 
div#progressbarNivell.progress {
    width: 60%;
    float: left;
}

div#visorNivell>.btn {
    float: left;
} */

.btn>label {
    color: white !important;
    font-size: 180%;
    cursor: pointer;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

@media only screen and (max-device-width: 568px) {
    .btnModificarNivell {
        float: none;
    }
    .divBtnModificarNivell {
        text-align: center;
    }
}

.btnModificarNivell {
    height: auto !important;
}

.textAlignCenter {
    text-align: center;
}


/* #data>div>.nom {
    /* font-size: 26vw; */
	/* font-size: 38vh; */
	/* flex-wrap: unset; */
	/* wrap: initial; */
	/* white-space: nowrap; */
/* }  */

#data>div {
    margin: 0px;
	height: 100%;
}

.pointer {
    cursor: pointer;
}

.lock {
    background-image: url(../data/img/lock.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    opacity: 0.3;
}

.textAlignCenterForTable>*>tr>* {
    text-align: center;
}

.divUserDataUserPage>* {
    text-align: center;
}

.divUserDataUserPage>*>* {
    float: left;
    width: 50%;
}


/* INICI - ETIQUETES PER AJUSTAR EL TEXT DE LA FLASHCARD */


/* Escritorios muy grandes */


.txt_5, .txt_5>a { 
	 font-size: 36vw !important; 
 } 
.txt_10, .txt_10>a {
	font-size: 20vw !important;
}
.txt_15, .txt_15>a {
	font-size: 13vw !important;
}
.txt_20, .txt_20>a {
	font-size: 10vw !important;
}
.txt_25, .txt_25>a {
	font-size: 8vw !important;
}
.txt_30, .txt_30>a {
	font-size: 6.8vw !important;
}
.txt_35, .txt_35>a {
	font-size: 5.8vw !important;
}
.txt_40, .txt_40>a {
	font-size: 5.1vw !important;
}
.txt_45, .txt_45>a {
	font-size: 4.56vw !important;
}
.txt_50, .txt_50>a {
	font-size: 4.1vw !important;
}
.txt_55, .txt_55>a {
	font-size: 3.75vw !important;
}
.txt_60, .txt_60>a {
	font-size: 3.43vw !important;
}
.txt_65, .txt_65>a {
	font-size: 3.17vw !important;
}
.txt_70, .txt_70>a {
	font-size: 2.94vw !important;
}
.txt_75, .txt_75>a {
	font-size: 2.74vw !important;
}
.txt_80, .txt_80>a {
	font-size: 2.58vw !important;
}
.txt_85, .txt_85>a {
	font-size: 2.42vw !important;
}
.txt_90, .txt_90>a {
	font-size: 2.29vw !important;
}
.txt_95, .txt_95>a {
	font-size: 2.17vw !important;
}	
.txt_100, .txt_100>a {
	font-size: 2.06vw !important;
}
.txt_long, .txt_long>a {
font-size: 1vw !important;
}
 @media  (max-height: 550px) { 
    /* Móviles en vertical */
     .txt_5, .txt_5>a  {
         font-size: 45vh !important; 
     } 
	/* .txt_10 { */
        /* font-size: 28vh !important; */
    /* } */
	/* .txt_15 { */
        /* font-size: 28vh !important; */
    /* } */
	
 } 
	
/* (max-width: 767px) and */
@media (min-width: 1200px) {
    /* Tablets en horizonal y escritorios normales */ 
     .txt_5, .txt_5>a {
         font-size: 48vh !important;      }
	/* .txt_10 { */
        /* font-size: 20vw !important; */
    /* } */
	/* .txt_15 { */
        /* font-size: 13vw !important; */
    /* } */
/* } */

 @media (min-width: 768px) and (max-width: 1199px) and (min-height: 550px) { 
    /* mod. Added (min-height: 550px)*/
    /* Móviles en horizontal o tablets en vertical */
    .txt_5, .txt_5>a {
         font-size: 29vh !important; 
     } 
	/* .txt_10 { */
        /* font-size: 20vw !important; */
    /* } */
	/* .txt_15 { */
        /* font-size: 13vw !important; */
    /* } */
 } 

/* @media (min-width: 768px) and (max-width: 1199px) and (max-height: 550px) { */
    /* .txt_5 { */
        /* font-size: 36vh !important; */
    /* } */
	/* .txt_10 { */
        /* font-size: 29vh !important; */
    /* } */
	/* .txt_15 { */
        /* font-size: 18vh !important; */
    /* } */
/* } */


/* @media (max-width: 767px) and (min-height: 550px) { */
    /* Móviles en vertical */
    /* .txt_5 { */
        /* font-size: 36vw !important; */
    /* } */
	/* .txt_10 { */
        /* font-size: 20vw !important; */
    /* } */
	/* .txt_15 { */
        /* font-size: 13vw !important; */
    /* } */
/* } */


/* FI - ETIQUETES PER AJUSTAR EL TEXT DE LA FLASHCARD */


.loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('50px-Phi_fenomeni.gif') 
              50% 50% no-repeat ;
			  /*  background: url('//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Phi_fenomeni.gif/50px-Phi_fenomeni.gif') 
              50% 50% no-repeat rgb(249,249,249); */
}
    }
    /* Minstage que apareix quan un usuari s'equiboca amb el usuari o contrasenya en el login. */
    #minsatgePerErrorLogin {
        display: none;
        margin: 0px;
        color: red;
    }